.mdui-listpicker { position: relative; border: solid 1px #ccc; padding: 0px; margin: 3px; height: 185px; background-color: #fff; overflow: hidden; border-radius: 3px; }
.mdui-listpicker .mdui-listpicker-inner { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; border-radius: 3px; -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent); -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent); }
.mdui-ios .mdui-listpicker .mdui-listpicker-inner { width: calc(100% + 8px); padding-right: 8px; }
.mdui-android .mdui-listpicker .mdui-listpicker-inner { overflow-y: auto; -webkit-overflow-scrolling: touch; }
.mdui-listpicker .mdui-listpicker-inner::-webkit-scrollbar {
 width: 0px;
 height: 0px;
 visibility: hidden;
}
.mdui-listpicker ul { list-style-type: none; margin: 0px; padding: 0px; position: relative; }
.mdui-listpicker ul li { box-sizing: border-box; position: relative; height: 36px; line-height: 36px; text-align: center; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mdui-listpicker.three-dimensional { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.mdui-listpicker.three-dimensional .mdui-listpicker-inner { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.mdui-listpicker.three-dimensional ul { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.mdui-listpicker.three-dimensional ul li { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.mdui-listpicker ul li:last-child { border-bottom: none; }
.mdui-listpicker ul li::first-child {
 border-top: none;
}
.mdui-listpicker .mdui-listpicker-rule { position: absolute; border: solid 1px #ccc; border-left: none; border-right: none; background-color: #dfd; opacity: 0.5; width: 100%; left: 0px; top: 50%; z-index: 0; }
.mdui-listpicker .mdui-listpicker-item-selected { color: green; }
